<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>task7</title>
	<link rel="stylesheet" href="./task7.css">
</head>
<body>
<header>
	<div class="newWorld">
		<img src="images/newWorld.jpg">
		<span>新世界</span>
	</div>
	<div class="headerR">
		<nav>
			<a href="#">首页</a>
			<a href="#">最新活动</a>
			<a href="#">项目介绍</a>
			<a href="#">爱心社区</a>
			<a href="#">关于我们</a>
		</nav>
		<div class="login">
			<img src="images/login.jpg">
			<span class="loginTxt">登录</span>
		</div>
	</div>
</header>
<section class="one">
	<p class="txt_1">Time of new life</p>
	<p class="txt_2">
		新时代，年轻的人们让我们一起<br>
		体验新生活，享受新生活
	</p>
	<div class="startBtn">
		开始体验
	</div>
</section>
<section class="two">
	<div class="note">
		<img class="notePhoto" src="images/note_1.jpg">
		<div class="wrap">
				<p>打造全新世界观，让你更<br>
				爱你的生活
				</p>
		</div>
	</div>
	<div class="note">
		<img class="notePhoto" src="images/note_2.jpg">
		<div class="wrap">
			<p>丰富多彩的公益活动，发<br>
			挥新世界的主人公意识
			</p>
		</div>
	</div>
	<div class="note">
		<img class="notePhoto" src="images/note_3.jpg">
		<div class="wrap">
			<p>时尚的新理念，超前体验<br>
			未知的生活</p>
		</div>
	</div>
	<div class="note">
		<img class="notePhoto" src="images/note_4.jpg">
		<p>完善的培养机制，培养你<br>
		全新的世界观</p>
	</div>
</section>
<section class="three">
	<img src="images/bigNW.png">
	<p>关于新的世界，你不知道的还有什么？</p>
</section>
<section class="four">
	<p class="txt_1">查找新世界城市活动</p>
	<div class="underline"></div>
	<p class="txt_2">每个城市都有不同的活动信息，请自主查询您所需要了解的城市</p>
	<div class="lookFor">
		<div class="country">
			<span class="des">中国</span>			
		</div>	
		<div class="province">
			<span class="des">省份</span>
			<ul class="select">
				<li class="selectItems">北京市</li>
				<li class="selectItems">天津市</li>
				<li class="selectItems">河北省</li>
				<li class="selectItems">陕西省</li>
				<li class="selectItems">内蒙古自治区</li>
				<li class="selectItems">辽宁省</li>
			</ul>
		</div>
		<div class="city">
			<span class="des">城市</span>
		</div>
		<input type="submit" value="搜索" class="search">
	</div>
</section>
<section class="five">
	<div class="packageOne">
		<div class="smallWrap1"></div>
		<p class="commonTxt">北京活动</p>
		<p>新社区大联盟</p>
	</div>
	<div class="packageTwo">
		<p class="specialTxt">上海活动</p>
		<p>夜上海新景观探索</p>
		<div class="smallWrap2"></div>
	</div>
	<div class="packageThree">
		<div class="smallWrap3"></div>
		<p class="commonTxt">深圳活动</p>
		<p>全新海岸线景观站</p>
	</div>
	<div class="packageFour">
		<div class="smallWrap4"></div>
		<p class="commonTxt">香港活动</p>
		<p>奢侈消费大派送</p>
	</div>
</section>
<section class="six">
	<div class="sixL">
		<p class="txt_1">新世界</p>
		<p class="txt_2">TIME</p>
		<p class="txt_3">@新世界 - 北京</p>
		<p class="txt_4">2016.04.01</p>
		<div class="triangle"></div>
	</div>
	<div class="sixR">
		<div class="txt_5">新世界/<span>01</span></div>
		<p>新世界是个新世界新世界是个新世界新世界是个新世界<br>
		新世界是个新世界新世界是个新世界新世界是个新世界<br>
		新世界是个新世界新世界是个新世界新世界是个新世界<br>
		新世界是个新世界新世界是个新世界</p>
		<div class="more">更多详情</div>
		<div class="circles">
			<div class="circle_1"></div>
			<div class="circle_2"></div>
			<div class="circle_3"></div>
		</div>
	</div>
</section>
<section class="seven">
	<div class="left">
		<p class="txt_1">新时代<br>
		关于爱生活的我们</p>
		<div class="underline_1"></div>
		<div class="seeMore_1">查看更多</div>
	</div>
	<div class="middle">
		<p class="txt_2">新时代<br>
		关于爱生活的我们</p>
		<div class="underline_2"></div>
		<div class="seeMore_2">查看更多</div>
	</div>
	<div class="right">
		<div class="tirangle_1"></div>
	</div>
</section>
<section class="eight">
	<div class="top">
		<p>成为我们的志愿者</p>
		<div class="underlineAgain"></div>
		<p>新世界的大家庭需要每一个爱生活的人加入，如果你够年轻，有梦想，有激情<br>
		那就不要犹豫，快来加入我们，成为改变所有人生活的人
		</p>
	</div>
	<div class="bottom">
		<div class="bottomL">
			<p class="agreement">新世界志愿者协议</p>
			<p class="agreementDetail">
				加入新世界志愿者的人员必须遵守中华人民共共和国的<br>
				相关法律法规，并且本着平等资源的原则 ......
			</p>
			<div class="moreDetail">v more</div>
			<p class="agreement">新世界志愿者权利</p>
			<p class="agreementDetail">
				新世界志愿者享受新世界内部所有资源共享的权利，并<br>
				且享受所在四新世界活动的优先参与资格
			</p>
			<div class="moreDetail">v more</div>
			<p class="agreement">更多条款</p>
			<div class="moreDetail">v more</div>
		</div>
		<div class="bottomR">
			<form action="#">
				<input type="text" placeholder="姓名：">
				<input type="text" placeholder="年龄：">
				<input type="text" placeholder="联系方式：">
				<input type="text" placeholder="联系地址：">
				<textarea cols="30" rows="10" placeholder="请简单描述您梦想的生活："></textarea>
				<input type="submit" placeholder="提交申请">
			</form>
		</div>
	</div>
</section>
<section class="nine">
	<p>联系我们</p>
	<p>为了更好的获取我们最新的产品资讯，您可以留下您的电子邮箱快速订阅我们的产品资讯<br>
	也可以通过以下任何方式关注我们动态</p>
	<div class="email">
		<input type="text" placeholder="someone@email.com"><button>提交</button>
	</div>
	<ul class="icon">
		<li>
			<a href="#">
				<img src="images/QQ.png">
			</a>
		</li>
		<li>
			<a href="#">
				<img src="images/weibo.png">
			</a>
		</li>
		<li>
			<a href="#">
				<img src="images/twitter.png">
			</a>
		</li>
		<li>
			<a href="#">
				<img src="images/globe.png">
			</a>
		</li>
	</ul>
</section>
<footer>
	<span class="copyright">&copy;2016新世界</span>
	<span class="backToTop">
		Back to top
	</span>
</footer>
</body>
</html>